<!-- Sidebar -->
<nav id="sidebar">
    <div class="sidebar-top"></div>

    <h3>Navigate</h3>

    <!-- Nav menu -->
    <ul class="nav">
        <li><a href="dashboard.php">Dashboard</a></li>
        <li><a href="tables.php">Tables &amp; Charts</a></li>
        <li><a href="#">Forms</a>
            <ul class="submenu">
                <li><a href="form-elements.php">Form elements</a></li>
                <li ><a href="form-validation.php">Form validation</a></li>
            </ul>
        </li>
        <li><a href="grid.php">Grid</a></li>

        <li><a href="#">UI / UX</a>
            <ul class="submenu">
                <li class="active"><a href="ui.php">General UI</a></li>
                <li ><a href="icons.php">Icons</a></li>
                <li ><a href="calendar.php">Calendar</a></li>
                <li ><a href="file-upload.php">File upload</a></li>
                <li ><a href="contact-list.php">Contact list</a></li>
            </ul>
        </li>
        <li ><a href="typography.php">Typography</a></li>
        <li ><a href="gallery.php">Gallery</a></li>
    </ul> <!-- /Nav menu -->

    <div class="blocks-separator"></div>

    <h3>Stats</h3>
    <section class="widgets">

        <!-- Sidebar Widgets -->
        <div class="arrow-up">
            <span class="title">Sales</span>
            <span class="perc"><span data-value="65">0</span>%</span>
        </div>

        <div class="arrow-down">
            <span class="title">Bounce</span>
            <span class="perc"><span data-value="29">0</span>%</span>
        </div>

        <div class="arrow-right">
            <span class="title">Clients</span>
            <span class="perc"><span data-value="0">0</span>%</span>
        </div>

        <div class="line-separator"></div>

        <div class="one-half center">
            <input class="knob" data-width="89" data-height="89" data-fgColor="#bee058" data-thickness=".2" data-readOnly="true" value="35" data-value="35">
            <span class="full-width center">Disk Space</span>
        </div>

        <div class="one-half center">
            <input class="knob" data-width="89" data-height="89" data-fgColor="#5479aa" data-thickness=".2" data-readOnly="true" value="83" data-value="83">
            <span class="full-width center">Bandwidth</span>
        </div>
        <!-- /Sidebar Widgets -->

        <div class="clear"></div>

    </section>
</nav> <!-- Sidebar -->